body {margin:15px 15px 15px 15px;background:#f2f2f2;}
.f10{font-size:10px}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.layuimini-container {border:1px solid #f2f2f2;border-radius:5px;background-color:#ffffff;min-height:90vh}
.layuimini-main {margin:10px 10px 10px 10px;}
.p20{padding:25px;padding-top:0}
.p-20{padding:20px}
.mt20{margin-top: 20px}
.w100{width:100%}
.index-data-block{
    padding:20px;
    text-align: center;
}
.list-label-left{min-width: 105px;text-align: right;padding-right: 15px;}
.trade-box-left{flex:1;word-break:break-all;padding-right: 50px}
.index-data-block>.data {
    font-size: 50px;
    line-height:45px;
    display: flex;
    justify-content:center;
}
.index-data-block>.data > i{
    font-size: 20px;
}
.index-data-block .ps{
    position: relative;
    bottom: -8px;
    left: 5px;
}
.layui-tree-iconClick{
    width:7px;
}
.sys_load{width:150px;height: 150px;margin:10px auto 10px; border-radius: 50%;font-size: 40px;
    font-weight: bold;}
.number{color:#ff0000}
.key{color:#0000ff}
.string{color:#e60a84}
.boolean{color:#ff00ff}
.null{color:#00ffff}
.flex-center{
    align-items: center;
    justify-content: center;
}
.flex-j-center{
    justify-content: center;
}
.flex-wrap{flex-wrap: wrap}
.flex-x-center{
    align-items: center;
}
.flex-bet{
    justify-content: space-between;
}
.reply-box-date{
    color: #898e89;
    width: 100px;
    font-size: 12px;
    display: flex;
    justify-content: flex-end;
}
.reply-box-body{
    line-height: 120%;
    flex:1
}
.reply-box{
    border-bottom: #c3c1c1 1px dotted;
    padding-top: 15px;
}
#visitor-detail-info .list{
    margin-top:10px
}
.layui-card-body .reply-box{
    padding-top:5px;
}
.reply-box:last-child{
    border-bottom: none;
}
.reply-box:first-child{
    padding-top: 0;
}
.reply-box-delete-btn{
    cursor: pointer;
    margin-left:5px;
}
.layui-btn-mycolor {
    background-color: #c8e2f3;
    color: #33758e;
}
.index{
    padding: 50px 25px 25px 25px;
    min-height: 80vh;
    line-height:170%;
    box-sizing:border-box;
}
.index-box{
    margin:0 auto;
    padding:30px;
}
.layui-btn-mycolor:hover{
    color:#1c576d;
    background-color:#9ad5fb;
}
.index-btns .layui-icon {
    font-size:2.5rem;
    position: relative;
    top:7px;
}
.index-btns .layui-btn{margin-top:20px}
.layui-btn-icon{font-size: 16px !important;}
.lm5{margin-left:10px}
.layui-list > li{margin-top:8px;border-bottom: 1px #fbfbfb solid;padding:10px 0px}
.layui-list>li:first-child , .list:first-child{margin-top:0px}
.layui-list>li:last-child, .list:last-child{border-bottom: none}
.list{border-bottom: 1px #fbfbfb solid;}
.list > .layui-row > div:first-child{text-align: right}
ol > li {list-style-type: inherit}
#common-search-tips{margin-left:10px}
#imgUrls .divImg, .upload_video_box{
    display: flex;
    flex-direction: column;
    float: left;
    margin-bottom: 15px;
}
#imgUrls .divImg span{
    margin-top: 4px;
    width:40px;
}
#imgUrls img{
    border:1px solid #dddddd;
    padding:5px;
    margin:0 8px 0 0;
    cursor: pointer
}
/**必填红点 */
.red {color:red}
.index-btn-list button{
    min-width: 200px;
    height: 80px;
}
.index-btn-list button:first-child{
    margin-left:-20px;
}
.common-search-input{
    width:500px;
    margin-left:15px;
}
.layuimini-form > .layui-form-item , .layuimini-form>.layui-form-item>.layui-input-block>.layui-row{margin-bottom:0;border-bottom:#d5d5d5 1px solid;}
.layuimini-form > .layui-form-item {width:85vw}
.layuimini-form >.layui-form-item>.layui-input-block>.layui-row:last-child ,
.layuimini-form > .layui-form-item:last-child{border-bottom:none}
.layuimini-form>.layui-form-item>.required:after {content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px;}
.layuimini-form>.layui-form-item>.layui-form-label {width:160px !important;}
.layuimini-form>.layui-form-item>.layui-input-block {margin-left:150px !important;line-height: 38px}
#role_menu_select > div { margin-right:5px }
.layui-nav-item .layui-nav-child .layui-nav-child .layui-menu-tips{background: #131e2f;text-indent: .5em}
ul.json-dict,ol.json-array{list-style-type:none;margin:0 0 0 1px;border-left:1px dotted #ccc;padding-left:2em}.json-string{color:#0b7500}.json-literal{color:#1a01cc;font-weight:700}a.json-toggle{position:relative;color:inherit;text-decoration:none}a.json-toggle:focus{outline:none}a.json-toggle:before{color:#aaa;content:"\25BC";position:absolute;display:inline-block;width:1em;left:-1em}a.json-toggle.collapsed:before{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}a.json-placeholder{color:#aaa;padding:0 1em;text-decoration:none}a.json-placeholder:hover{text-decoration:underline}
.layui-colorpicker{border:none}
.layui-colorpicker.layui-colorpicker-xs{width: 18px;height: 18px;line-height: 18px}
#illegal_list li{margin-top:5px; padding:0; }
@media (max-width: 960px){
    .index{
        margin-left:-20px;
        margin-right: -20px;
    }
   .index-btns{
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
   }
   .index-btns button{
       margin-bottom: 15px;
       width: 95%;
   }
   .index-btns button:first-child{
       margin-left:10px;
   }
   .index-btn-list{
       margin-left: -40px;
       margin-right: -40px;
   }
   .common-search-input{
       margin-left:0;
       width:80%;
   }
   .common-search-input ,#common-clear-input, .common-search{
       margin-top:10px;
   }
   .index-data-block>.data{
       font-size: 26px;
       line-height: 30px;
   }
   .index-data-block>.data> i {
       font-size: 14px;
   }
}
